<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

       #id1{
           background-color:#0f7cbf ;
           font-size: 18px;
           color: white;
           line-height:35px;
           text-indent: 1em;
       } 
       #id2{
           width: 200px;
       }
       a{
           font-size:12px ;
           color: #666666;
           line-height:20px;
           text-decoration:none;
       }
       a:hover {color: #FF00FF;
                text-decoration:underline;
       }
       #id3{
        font-size: 14px;
        background-color:#e4f1fa;
        color: #0f7cbf;
        line-height:30px;
        text-indent: 1em;
       }
    </style>
</head>
<body>
    <div id="id2">
        <b><div id="id1">家用电器</div></b>
        <b><div id="id3">大家电</div></b>

        <a href="#">joaajbdkahdaadnal</a>
        <a href="#">joaajbdkahdaadnal</a>
        <a href="#">joaajbdkahdaadnal</a>


        <b><div id="id3">大家电</div></b>
        <a href="#">joaajbdkahdaadnal</a>
        <a href="#">joaajbdkahdaadnal</a>

        <b><div id="id3">大家电</div></b>
        <a href="#">joaajbdkahdaadnal</a>
        <a href="#">joaajbdkahdaadnal</a>

        <b><div id="id3">大家电</div></b>
        <a href="#">joaajbdkahdaadnal</a>
        <a href="#">joaajbdkahdaadnal</a>

    </div>
    
</body>
</html>